$(function () {
    // 顶部右侧搜索栏下拉框
    $('.top-right-four').hover(function () {
        $('.shop').slideToggle(300)
    })
    // 导航栏第二行下拉菜单
    $('.content_1-select').hover(function () {
        $('.content_1-menu').stop().slideToggle(300);
    });
    $('.content_1-menu').hover(function () {
        $(this).stop().slideToggle(300);
    });
    $('.content_1-select').hover(function () {
        var index = $(this).attr('data-index');
        $('.container-menu ul:nth-of-type(' + index + ')').show().siblings().hide();
    });
    $('.container_1-menu ul').hover(function () {
        $(this).show()
    });
    // 导航栏第二行右侧关键字检索
    $('.search-input').focus(function () {
        $('input[type=text').css('borderColor', '#ff6700')
        $('.content_1-search-one').hide()
        $('.content_1-search-two').hide()
        $('.keyword-search').show().css('zIndex', '9')
        $('.content_1-search-p').css('borderColor', '#ff6700')
    })
    $('.search-input').blur(function () {
        $('input[type=text').css('borderColor', '#b0b0b0')
        $('.content_1-search-one').show()
        $('.content_1-search-two').show()
        $('.keyword-search').hide()
        $('.content_1-search-p').css('borderColor', '#e0e0e0')
    })
    // 轮播左侧列表显示
    $('.content_2-li').hover(function () {
        $(this).children($('.content_2-hide')).show()
    }, function () {
        $('.content_2-hide').hide()
    })

    // 导航下部广告
    $('.section-left-box').hover(function () {
        $(this).children($('p')).css('color', '#fff');
    }, function () {
        $(this).children($('p')).css('color', '#cfcdcb');
    })

    // 小米明星单品
    function carousel() {
        var numPx = parseInt($('.mi-star-box').css('marginLeft'));
        num = (numPx < 0 ? 0 : -1226);
        $('.mi-star-box').animate({marginLeft: num}, 'slow')
    }

    var banner = setInterval(carousel, 8000);
    // $('.mi-star-right-button span').mouseover(function(){
    //     console.log('移入')
    //     clearInterval(banner)
    // })
    // $('.mi-star-right-button span').mouseout(function(){
    //     console.log('移除')
    //     setInterval(carousel,8000);
    // })
    $('.mi-star-right-button span:eq(0)').click(function () {
        var numPx = parseInt($('.mi-star-box').css('marginLeft'))
        if (numPx != 0) {
            $('.mi-star-box').animate({marginLeft: 0}, 'slow')
        }
    })
    $('.mi-star-right-button span:eq(1)').click(function () {
        var numPx = parseInt($('.mi-star-box').css('marginLeft'))
        if (numPx == 0) {
            $('.mi-star-box').animate({marginLeft: -1226}, 'slow')
        }
    })

    // 搭配——hover切换视图
    $('.match-title-right span').hover(function () {
        $(this).attr('class', 'active')
        $(this).siblings().removeClass('active')
        // 获取当前元素的索引值 $(this).index()
        var num = $(this).index();
        $(this).closest(".match").find('.match-content:eq(' + num + ')').css('display', 'block').siblings('.match-content').css('display', 'none')
        console.log('这是索引2：' + num)
    });
    // 评价弹窗
    $('.match-content1').hover(function () {
        $(this).children('.evaluate').animate({top: 225}, 200)
    }, function () {
        $(this).children('.evaluate').animate({top: 301}, 200)
    });
    // 为你推荐——左右菜单点击切换
    $('.mi-foryou-right-button span:eq(0)').click(function () {
        var numPx = parseInt($('.mi-foryou-box').css('marginLeft'));
        if (numPx !== 0) {
            $('.mi-foryou-box').animate({marginLeft: 0}, 'slow')
        }
    });
    $('.mi-foryou-right-button span:eq(1)').click(function () {
        var numPx = parseInt($('.mi-foryou-box').css('marginLeft'));
        if (numPx == 0) {
            $('.mi-foryou-box').animate({marginLeft: -1226}, 'slow')
        }
    });

    // 鼠标移入移出侧键显示
    $('.mi-classify-content-item').hover(function () {
        $(this).children($('.mi-classify-right')).css('opacity', '1');
        $(this).children($('.mi-classify-left')).css('opacity', '1')
    }, function () {
        $(this).find($('.mi-classify-right')).css('opacity', '0');
        $(this).find($('.mi-classify-left')).css('opacity', '0')
    });
    // 底部按钮鼠标移入移出颜色改变
    $('.mi-classify-icon span').hover(function () {
        var dataColor = $(this).attr('class')
        if(dataColor){}else{
            $(this).css('backgroundColor','#ff7314')
        }
    }, function () {
        var dataColor = $(this).attr('class')
        if(dataColor){}else{
            $(this).css('backgroundColor','#b9b9b9');
        }
    });
    // 点击底部按钮切换
    $('.mi-classify-icon span').click(function () {
        var index = $(this).index();
        var numPx = -(index * 296);
        console.log(numPx);
        $(this).parents('.mi-classify-content-item').find('.mi-classify-landspace').animate({marginLeft: numPx}, 'slow');
        $(this).css({backgroundColor: '#fff', borderColor: '#ff7314'}).addClass('dataColor')
            .siblings().css({
            backgroundColor: '#b9b9b9',
            borderColor: '#fff'
        }).removeClass('dataColor')
    })
    // 左侧键点击效果
    $('.mi-classify-left').click(function () {
        var numPx = parseInt($(this).parent('.mi-classify-content-item').find('.mi-classify-landspace').css('marginLeft'));
        if (numPx != 0) {
            numPx = numPx + 296;
            var num = parseInt(Math.abs(numPx / 296));
            console.log(num);
            $(this).parent('.mi-classify-content-item').find('.mi-classify-landspace').animate({marginLeft: numPx}, 'slow');
            $(this).parent('.mi-classify-content-item').find('.mi-classify-icon span:eq(' + num + ')').css({
                backgroundColor: '#fff',
                borderColor: '#ff7314'
            }).siblings().css({backgroundColor: '#b9b9b9', borderColor: '#fff'})
        }
    });
    // 右侧键点击效果
    $('.mi-classify-right').click(function () {
        var numPx = parseInt($(this).parent('.mi-classify-content-item').find('.mi-classify-landspace').css('marginLeft'));
        if (numPx != -888) {
            numPx = numPx - 296;
            var num = parseInt(Math.abs(numPx / 296));
            $(this).parent('.mi-classify-content-item').find('.mi-classify-landspace').animate({marginLeft: numPx}, 'slow');
            $(this).parent('.mi-classify-content-item').find('.mi-classify-icon span:eq(' + num + ')').css({
                backgroundColor: '#fff',
                borderColor: '#ff7314'
            }).siblings().css({backgroundColor: '#b9b9b9', borderColor: '#fff'})
        }
    })
})
